<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./ressources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./ressources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Facelets Template</title>
    </h:head>

    <h:body>
<p:growl id="messages" showDetail="true" />
        <!--div id="top">
            <ui:insert name="top">
                <img src="./ressources/css/images/banniere.JPG"/>
            </ui:insert>
        </div>
        <div>
            <div id="left">
                <ui:insert name="left">Left</ui:insert>
            </div>
            
                <div id="right">
                    <ui:insert name="right">Right</ui:insert>
                </div-->

        <!--div id="content" class="right_content"-->



        <p:layout id="authetification" fullPage="true">


            <p:layoutUnit position="west" size="1000" resizable="true" style="height: 700px;width: 900px;background-color: gray">
                <p:graphicImage value="ressources/css/images/ujm.jpg" style="position: absolute; top: 20px; left: 40px;" />                                   
            </p:layoutUnit>
            <p:layoutUnit position="center" size="400">
                <h:form>
                    <div align="center" style="height:200px;position:absolute;top:30%;margin-top:-100px;">
                        <p:graphicImage value="ressources/css/images/agenda1.JPG" />
                        <br/>
                        <p:panelGrid columns="2" style="position: absolute;top: 200px;left: 7%">
                            <h:outputLabel value="login:"/>
                            <p:inputText value="#{etudiant.login}"></p:inputText>
                            <h:outputLabel value="mot de passe:"/>
                            <p:password value="#{etudiant.password}"></p:password>
                            <f:facet name="footer">
                                <p:commandButton action="#{etudiant.valider()}" value="se connecter" ajax="false" icon="ui-icon-check" style="margin:0" update="messages">
                                    
                                </p:commandButton>
                                <p:commandButton action="formulaire" value="créer un compte" ajax="true"/>
                            </f:facet>
                        </p:panelGrid>
                    </div>
                </h:form>
            </p:layoutUnit>

        </p:layout>






        <!--div id="bottom">
            <ui:insert name="bottom">
                CopyRight (R). 
                <a href="mailto:benammar.riyadh@gmail.com">contact</a>.
                <br/>
                Vous êtes le <h:outputText value="{visited.count}"></h:outputText>
            </ui:insert>
        </div-->

    </h:body>
</html>
